<template>
	<view class="page">
		<com-header title="平台协议"></com-header>
		<view class="agreement">
			<image src="/static/img/agreement.png"></image>
			<text class="agreement-text">“云盟商桥”用户服务协议</text>
			<rich-text :nodes="getinfo.content" class="agreement-content"></rich-text>
		
		</view>
		
	</view>
</template>

<script>
	import ComHeader from '@/components/ComHeader';
	export default {
		onLoad: function(options) {
			//调用需要的方法 
			this.getMineProtocol();
		},
		data() {
			return {
				getinfo:{},
			}
		},
		components: {
			ComHeader
		},
		methods: {
				// 获取协议
				getMineProtocol() {
					this.$api.getMineProtocol({type:1}).then(res => {
						this.getinfo = res.data.data;
					})
				},
				snippet(value){
				      return value.slice(0, 100) + "..."; 
				    },

				moveHandle() {
				  return;
				},
				
			}
	
	}
</script>

<style>
	.page {
		width: 100%;
		height: 100vh - (calc(var(--status-bar-height) + 120rpx));
		padding-top: calc(var(--status-bar-height) + 120rpx);
	}
	.agreement {
		position: relative;
		width: 690rpx;
		height: 1338rpx;
		margin-left: 30rpx;
	}
	.agreement-text {
		position: absolute;
		font-size: 30rpx;
		top: 30rpx;
		left: 170rpx;
		color: #fff;
	}
	.agreement image {
		width: 690rpx;
		height: 1338rpx;
	}
	.agreement-content {
		position: absolute;
		top: 171rpx;
		left: 10rpx;
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: rgba(102,102,102,1);
	}
</style>
